<template>
	<u-navbar class="navbar"  bgColor="rgb(255, 255, 255)" :placeholder="true" title="" :autoBack="true">
	</u-navbar>
	<view class="main">
		<view class="bg">
		</view>
		<view class="text">支付成功</view>
		<view class="btnList">
			<view class="btn check" @click="check">产看订单</view>
			<view class="btn back" @click="back">返回首页</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
import { useRouter } from 'uni-mini-router'
const router = useRouter()
// 查看订单
const check = () => {
	router.push({
		name: "serveDetail",
		params: {}
	})
}
const back = () => {
	router.push({
		name: "index",
		params: {}
	})
}
</script>

<style lang="scss">
	.main{
		.bg{
			width: 500rpx;
			height: 300rpx;
			background-color: rgb(243,245,247);
			margin: 50rpx auto;
		}
		.text{
			text-align: center;
			color: rgb(169, 171, 172);
			margin: 20rpx 0;
		}
		.btnList{
			margin: 0 auto;
			width: 600rpx;
			display: flex;
			justify-content: space-around;
			.btn{
				width: 180rpx;
				height: 65rpx;
				line-height: 65rpx;
				border-radius: 10rpx;
				text-align: center;
			}
			.back{
				color: #f00;
				border: 1rpx solid #f00;
			}
			.check{
				color: rgb(169, 171, 172);
				border: 1rpx solid rgb(169, 171, 172);
			}
		}
	}
</style>
